<template>
  <div>
    <div id="zuo">
      <a href="">
        <p class="da">关于我们</p>
      </a>
      <a href="">
        <p class="xiao">公司地址</p>
      </a>
      <br><br>
      <a href="">
        <p class="da">资格证书</p>
      </a>
      <a href="">
        <p class="xiao">联系电话</p>
      </a>
      <br><br>
      <a href="">
        <p class="da">联系我们</p>
      </a>
      <br><br>
      <a href="">
        <p class="da">帮助</p>
      </a>
      <br>

    </div>
    <div id="you">
      <b>在线学习平台</b>
      <br><br>
      &nbsp
      <img src="../../assets/images/u245.png"
           style="width:40%;">
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
#zuo {
  width: 70%;
  height: 250px;
  background-color: black;
  padding-top: 3%;
  float: left;
}
#you {
  width: 30%;
  height: 250px;
  background-color: black;
  padding-top: 3%;
  float: right;
}
.da {
  color: white;
  display: inline;
  font-size: 25px;
  margin-left: 10%;
}
.xiao {
  color: white;
  display: inline;
  font-size: 18px;
  margin-left: 10%;
}
a {
  text-decoration: none;
}
b {
  font-size: 30px;
  color: gray;
}
</style>